<div class="manage-account-form-wrapper">   
    
    <div class="account-title"><span>Change Your Password</span></div>
    
    <div class="success" th:if="${successMessage}" th:text="${successMessage}"></div>
    
    <blc:form class="manage-account" action="#" th:action="@{/account/password}" th:object="${changePasswordForm}" method="POST">
    	<div class="form-fields">
    		<span class="error" th:if="${#fields.hasErrors('currentPassword')}" th:errors="*{currentPassword}"></span>
	        <div>
	            <label for="currentPassword">Current Password:</label>
	            <input type="password" name="currentPassword" id="currentPassword" th:field="*{currentPassword}" class="field50" th:classappend="${#fields.hasErrors('currentPassword')}? 'fieldError'"/>
	        </div>
	        
	        <span class="error" th:if="${#fields.hasErrors('newPassword')}" th:errors="*{newPassword}"></span>
	        <div>
	            <label for="newPassword">New Password:</label>
	            <input type="password" name="newPassword" id="newPassword" th:field="*{newPassword}" class="field50" th:classappend="${#fields.hasErrors('newPassword')}? 'fieldError'"/>
	        </div>
	        
	        <span class="error" th:if="${#fields.hasErrors('newPasswordConfirm')}" th:errors="*{newPasswordConfirm}"></span>
	        <div>
	            <label for="newPasswordConfirm">Confirm New Password:</label>
	            <input type="password" name="newPasswordConfirm" id="newPasswordConfirm" th:field="*{newPasswordConfirm}" class="field50" th:classappend="${#fields.hasErrors('newPasswordConfirm')}? 'fieldError'"/>
	        </div>
	        <div>
	        	<input type="submit" class="medium red" value="Submit" />
	        </div>
        </div>
        
    </blc:form>
</div>